import React, { Component } from 'react';
import { routerRedux, Route, Switch, Link } from 'dva/router';
import Debounce from 'lodash-decorators/debounce';
import Bind from 'lodash-decorators/bind';
import { connect } from 'dva';
import {
  Button,
  Menu,
  Dropdown,
  Icon,
  Row,
  Col,
  Input,
  InputNumber,
  Steps,
  Card,
  Popover,
  Badge,
  Table,
  Tooltip,
  Divider,
  Checkbox,
  Modal,
  Radio,
  Select,
  message,
  Form,
  Upload,
  Spin,
  DatePicker,
} from 'antd';
import moment from 'moment';
import classNames from 'classnames';
import { getRoutes } from '../../../utils/utils';
import PageHeaderLayout from '../../../layouts/PageHeaderLayout';
import DescriptionList from '../../../components/DescriptionList';
import styles from './style.less';
import { create } from 'domain';
import querystring from 'querystring';

const { Step } = Steps;
const TextArea = Input.TextArea;
const { Description } = DescriptionList;
const ButtonGroup = Button.Group;
const RadioGroup = Radio.Group;
const Option = Select.Option;
const FormItem = Form.Item;

@connect(({ pendingTask }) => ({
  pendingTask,
}))
@Form.create()
export default class Step2 extends Component {
  state = {};

  componentDidMount() {
    // const { dispatch, location } = this.props;
    // const params = querystring.parse(location.search.slice(1));
  }
  nextStep = () => {
    this.props.dispatch(routerRedux.push('/channel/channel-form/credits'));
  };

  render() {
    const { getFieldDecorator, getFieldValue, validateFieldsAndScroll } = this.props.form;

    return (
      <Row>
        <Col span={21} style={{ border: 1 }}>
          <Card title="身份证验证" bordered={false} style={{ marginBottom: 24 }} />
        </Col>
        <Button onClick={this.nextStep}>下一步</Button>
      </Row>
    );
  }
}
